import { createUseStyles } from "react-jss";

const useStyles = createUseStyles({
  textarea: {
    border: "1px solid rgb(217, 217, 217)",
    color: "#333",
    borderRadius: "4px",
    padding: "3px 5px",
    minWidth: "232px",
    minHeight: "120px",
    boxSizing: "border-box",
    resize: "both",
    "&:focus-visible": {
      outline: 0,
    },
    "&::placeholder": {
      color: "#c5c5c5",
    },
  },
  invalid: {
    border: "1px solid #c55252",
  },
  disabled: {
    cursor: "not-allowed",
  },
});

export { useStyles };
